<template>
  <div class="card_row mg_20 border_r_4">
    <div v-if="cardData.img" >
      <img :src="getImageUrl(cardData.img)" class="card_img" />
      <slot :row="cardData"></slot>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { defineProps, computed, PropType } from 'vue'
  import { getImageUrl } from '@/utils'

  const props = defineProps({
    row: {
      type: Object as PropType<any>,
      require: true,
      default: () => {},
    },
  })
  const cardData = computed(() => props.row)
</script>
<style scoped lang="less">
  .card_row {
    overflow: hidden;
  }
</style>
